<template>
	<view :class="model+'-wrap'">
		<view :class="'p-sticky-'+model" :style="model=='light'?'background:#fff':''">
			<view class="status_bar">

			</view>
			<view class="nav_bar flex align-center justify-between">
				<view class="flex-1">
					<view @click="$tool.goBack()" class="f0 p-3">
						<image class="fanhui_icon" :src="'/static/images/fanhui_'+model+'.png'" mode=""></image>
					</view>
				</view>
				<view class="A-Medium" :class="'navTitle_'+model">
					<!-- {{i18n.p044}} -->
					{{i18n10.n004}}
				</view>
				<!-- <view class="flex-1 text-alignR A-Medium record" :class="model=='light'?'recordLight':''">
					<view @click="$tool.navTo('/pages/property/tixianjilu')" class="pr-3">
						{{i18n.p045}}
					</view>
				</view> -->
				<view class="flex-1 f0 pr-3 flex justify-end">
					<image @click="$tool.navTo('/pages/property/tixianjilu')" style="width: 56rpx;height: 56rpx;" :src="'/static/images/syjl_'+model+'.png'" mode=""></image>
				</view>
			</view>
		</view>
		<view style="height: 24rpx;">
			
		</view>
		<!-- <view class="flex align-center justify-between">
			<view class="f0">
				<image style="height: 40rpx;" :src="'/static/images/cz/cz'+type+'_'+model+'.png'" mode="heightFix"></image>
			</view>
			<view class="flex align-center">
				<view class="noiteWrap A-Medium" :class="model=='light'?'noiteWrapLight':''" style="font-size: 28rpx;background: unset;">
					切换币种
				</view>
				<view class="f0">
					<image style="width: 40rpx;height: 40rpx;" :src="'/static/images/rightArrow_'+model+'.png'" mode=""></image>
				</view>
			</view>
		</view> -->
		<view @click="$refs.czPoups.open()" class="topList py-4 mx-3 A-Medium flex align-center justify-between" :class="model=='light'?'topListLight':''">
			<view class="flex align-center">
				<view class="f0 mr-1">
					<image v-if="type==1" style="width: 40rpx;height: 40rpx;" src="/static/images/trade/17.png" mode=""></image>
					<image v-if="type==2" style="width: 40rpx;height: 40rpx;" src="/static/images/trade/18.png" mode=""></image>
					<image v-if="type==3" style="width: 40rpx;height: 40rpx;" src="/static/images/trade/19.png" mode=""></image>
				</view>
				<view class="title">
					{{coinType}}
				</view>
			</view>
			<view class="flex align-center">
				<view class="desc">
					{{i18n10.n005}}
				</view>
				<view class="f0">
					<image style="width: 40rpx;height: 40rpx;" :src="'/static/images/rightArrow_'+model+'.png'" mode=""></image>
				</view>
			</view>
		</view>
		<!-- <view class="flex mx-3 align-center justify-between">
			<view class="topTitle A-Medium" :class="model=='light'?'topTitleLight':''">
				{{i18n.p046}}
			</view>
			<view class="record" :class="model=='light'?'topTitleLight':''">
				{{coinType}}
			</view>
		</view> -->
		<!-- 可用 -->
		<!-- <view class="topTitle mt-4 A-Medium ml-3" :class="model=='light'?'topTitleLight':''">
			{{i18n.p047}}
		</view>
		<view class="flex ml-3 record D-Bold align-end" style="margin-top: 24rpx;"
			:class="model=='light'?'recordLight':''">
			<view class="mr-1" style="font-size: 48rpx;font-weight: bold;">
				{{
						coinType=='USDT'?USDTMoney.a:
						coinType=='BTC'?BTCMoney.a:
						coinType=='ETH'?ETHMoney.a:''
					}}
			</view>
			<view class="mb-1">
				{{coinType}}
			</view>
		</view> -->
		
		<!-- 提币网络 -->
		<!-- <view class="formWrap mt-4 px-3 A-Regular">
			<view class="formTitle">
				{{i18n.p048}}
			</view>
			<view @click="openPopup" class="inputWrap px-3 flex align-center"
				:class="model=='light'?'inputWrapLight':''">
				<input type="text" v-model="coinNetwork" disabled :placeholder="i18n2.st026"
					class="flex-1 inputText A-Medium" :class="model=='light'?'inputTextLight':''"
					:placeholder-class="'placeholderClass A-Medium',model=='light'?'placeholderClassLight':''">
				<view class="f0">
					<image style="width: 18rpx;height: 12rpx;" :src="'/static/images/downArrow_'+model+'.png'" mode="">
					</image>
				</view>
			</view>
		</view> -->
		<view class="formWrap mt-4 px-3 A-Regular">
			<view class="formTitle" :class="model=='light'?'formTitleLight':''" style="margin-bottom: 40rpx;">
				{{i18n.p048}}
			</view>
			<view class="nameList flex align-center A-Medium" :class="model=='light'?'nameListLight':''">
				<view class="mr-4 flex align-center justify-center" @click="changeCoinNetwork(item)"
					:class="coinNetwork==item.value?'item1':'item'" v-for="(item,index) in list">
					{{item.title}}
				</view>
			</view>
		</view>
		
		<view class="formWrap mt-4 px-3 A-Regular">
			<view class="formTitle" :class="model=='light'?'formTitleLight':''">
				<!-- {{i18n.p049}} -->
				{{i18n10.n006}}
			</view>
			<view @click="goSelect" class="inputWrap px-3 flex align-center"
				:class="model=='light'?'inputWrapLight':''">
				<input v-model="withdrawAddress" disabled type="text" :placeholder="i18n10.n007"
					class="flex-1 inputText A-Medium" :class="model=='light'?'inputTextLight':''"
					:placeholder-class="'placeholderClass A-Medium',model=='light'?'placeholderClassLight':''">
				<view class="f0">
					<image style="width: 36rpx;height: 36rpx;" :src="'/static/images/tx1_'+model+'.png'" mode="">
					</image>
				</view>
			</view>
		</view>
		<view class="formWrap mt-4 px-3 A-Regular">
			<view class="formTitle" :class="model=='light'?'formTitleLight':''">
				<!-- {{i18n.p050}} -->
				{{i18n10.n008}}
			</view>
			<view class="inputWrap px-3 flex align-center" style="margin-bottom: 0;" :class="model=='light'?'inputWrapLight':''">
				<input v-model="withdrawAmount" type="text" :placeholder="i18n10.n009" class="flex-1 inputText A-Medium"
					:class="model=='light'?'inputTextLight':''"
					:placeholder-class="'placeholderClass A-Medium',model=='light'?'placeholderClassLight':''">
				
				<view class="flex align-center">
					<view class="formWrapB A-Medium" :class="model=='light'?'formWrapBLight':''">
						{{coinType}}
					</view>
					<view class="mx-2" style="width: 2rpx;height: 18rpx;background: #5951BA;">
						
					</view>
					<view @click="all" class="codeText">
						{{i18n.p051}}
					</view>
				</view>
			</view>
		</view>
		<view class="moneyDesc mt-2 mb-4 mx-3 flex A-Regular align-center justify-between" :class="model=='light'?'moneyDescLight':''">
			<!-- <view class="">
				{{i18n10.n149}}:{{
						coinType=='USDT'?USDTMoney.kt:
						coinType=='BTC'?BTCMoney.kt:
						coinType=='ETH'?ETHMoney.kt:''
					}} {{coinType}}
			</view> -->
			<view class="">
				{{i18n10.n010}}:{{minNum}} {{coinType}}
			</view>
			<view class="">
				{{i18n10.n011}}:{{
						coinType=='USDT'?USDTMoney.a:
						coinType=='BTC'?BTCMoney.a:
						coinType=='ETH'?ETHMoney.a:''
					}} {{coinType}}
			</view>
		</view>
		<!-- <view class="moneyDesc mt-2 mb-4 mx-3 flex A-Regular align-center justify-between" :class="model=='light'?'moneyDescLight':''">
			<view class="">
				{{i18n10.n010}}:{{minNum}} {{coinType}}
			</view>
		</view> -->
		<view class="recordWrap mx-3 p-3 A-Medium" :class="model=='light'?'recordWrapLight':''" style="border-radius: 12rpx;margin-top: 0;">
			<view class="A-Regular" style="margin-bottom: 14rpx;">
				{{i18n10.n012}} {{vipClass}}
			</view>
			<view class="flex align-center justify-between">
				<view class="">
					{{sxf}}
				</view>
				<view class="">
					{{coinType}}
				</view>
			</view>
		</view>
		<!-- 实际到账 -->
		<view class="recordWrap mx-3 p-3 A-Medium" :class="model=='light'?'recordWrapLight':''" style="border-radius: 12rpx;margin-top: 20rpx;">
			<view class="A-Regular" style="margin-bottom: 14rpx;">
				{{i18n10.n013}}
			</view>
			<view class="flex align-center justify-between">
				<view class="">
					{{sjdz}}
				</view>
				<view class="">
					{{coinType}}
				</view>
			</view>
		</view>
		<view class="formWrap mt-4 px-3 A-Regular">
			<view class="inputWrap px-3 flex align-center"
				:class="model=='light'?'inputWrapLight':''">
				<input v-model="password" type="password" :placeholder="i18n10.n016"
					class="flex-1 inputText A-Medium" :class="model=='light'?'inputTextLight':''"
					:placeholder-class="'placeholderClass A-Medium',model=='light'?'placeholderClassLight':''">
			</view>
		</view>
		<view class="recordWrap A-Regular mx-3 py-4 px-3 pb-2" style="margin-top: 5rpx;"
			:class="model=='light'?'recordWrapLight':''">
			<view class="text4" :style="model=='light'?'color: #cc0003;':'color: #cc0003;'">
				{{i18n.p053}}
			</view>
			<!-- <view class="text5 my-2">
				{{i18n10.n014}}
				<br> 
				{{i18n10.n015}}
			</view> -->
			<view class="text5 my-2">
				{{i18n10.n145}}
				<br> 
				{{i18n10.n146}}
				<br> 
				{{i18n10.n147}}
				<br> 
				{{i18n10.n148}}
			</view>
		</view>
		<!-- 提交按钮 -->
		<view class="" style="position: fixed;bottom: 0;width: 100%;padding-top: 24rpx;height: 180rpx;background: #0E0F11;" :style="model=='light'?'background:#fff':''">
			<view @click="submit" class="btn mx-auto A-Medium clickCss">
				{{i18n.p052}}
			</view>
		</view>
		<view class="" style="height: 210rpx;">

		</view>
		<uni-popup ref="popup" type="bottom">
			<view class="popupWrap A-Medium" :class="model=='light'?'popupWrapLight':''">
				<view class="titleWrap py-4 mx-3 flex align-center justify-between">
					<view class="f0 opacity0">
						<image src="@/static/images/cha.png" mode=""></image>
					</view>
					<view class="">
						{{i18n.p056}}
					</view>
					<view @click="closePopup" class="f0">
						<image src="@/static/images/cha.png" mode=""></image>
					</view>
				</view>
				<view class="noiteWrap flex align-center mx-3 px-3 py-2 A-Regular"
					:class="model=='light'?'noiteWrapLight':''">
					<view class="f0 mr-1">
						<image style="width: 28rpx;height: 28rpx;" :src="'/static/images/tx2_'+model+'.png'" mode="">
						</image>
					</view>
					<view class="">
						{{i18n.p057}}
					</view>
				</view>
				<view @click="confirm(item)" v-for="(item,index) in list" class="list m-3 p-3"
					:class="model=='light'?'listLight':''">
					{{item}}
				</view>
				<view class="" style="height: 68rpx;">

				</view>
			</view>
		</uni-popup>
		<czPoup ref="czPoups" :type="3" @confirm="czConfirm"></czPoup>
	</view>
</template>

<script>
	import {
		withdrawAdd,
		membershipLevelList,
		getMinWithdrawAmount,
		getCoinNetworkList
	} from '@/core/api/index.js';
	import {
		checkCapitalPassword
	} from '@/core/api/user.js';
	import czPoup from '@/components/czPoup.vue';
	export default {
		components: {
			czPoup
		},
		data() {
			return {
				type: 1,
				// coinNetwork:'TRC20',
				coinNetwork:'',
				coinType: '',
				withdrawAddress: '',
				withdrawAmount: '',
				// list: ['TRC20','ERC20'],
				list: [],
				isSubmit:false,
				sxfB:'0',
				password:'',
				vipInfo:[],
				minList:[],
				minNum:0,
			}
		},
		onLoad(options) {
			// 
			this.coinType = "USDT";
			// if (options.type == 2) {
			// 	this.list = ['BITCOIN'];
			// }
			// if (options.type == 3) {
			// 	this.list = ['ERC20'];
			// }
			uni.setStorageSync('txType','USDT');
			// this.coinType = uni.getStorageSync('txType');
			membershipLevelList().then(res=>{
				this.vipInfo = res.result.records;
				this.getSxfB();
			})
			getMinWithdrawAmount().then(res=>{
				this.minList = res.result;
				this.getMinNum();
			})
			this.getCoinNetworkLists();
		},
		onReady() {
			this.$tool.setStatusBarStyle(this.model);
		},
		onShow() {
			this.$tool.setStatusBarStyle(this.model);
			this.withdrawAddress = uni.getStorageSync('withdrawAddress');
			uni.removeStorageSync('withdrawAddress');
			// 用户余额
			this.$store.dispatch('config/getAassetList');
			this.$store.dispatch('config/getCustomerInfo');
			const pages = getCurrentPages();
			const page = pages[pages.length - 1];
			const currentWebview = page.$getAppWebview();
			if(this.model == "dark"){
				currentWebview.setStyle({
					background: "#0E0F11"
				});
			}else{
				currentWebview.setStyle({
					background: "#ffffff"
				});
			}
		},
		computed: {
			sxf(){
				return (Math.round(((this.withdrawAmount*this.sxfB)/100) * 1000000) / 1000000).toFixed(6);
			},
			// sxfUSD(){
			// 	return (Math.round(((this.withdrawAmount*this.sxfB)/100) * 10000) / 10000).toFixed(4);
			// },
			sjdz() {
				return (Math.round(((this.withdrawAmount * ((100 - this.sxfB) / 100))) * 1000000) / 1000000).toFixed(6);
			},
			// sjdzUSD() {
			// 	return (Math.round(((this.withdrawAmount * ((100 - this.sxfB) / 100))) * 10000) / 10000).toFixed(4);
			// },
			i18n() {
				return this.$t('property');
			},
			i18n2() {
				return this.$t('showToast');
			},
			i18n4() {
				return this.$t('last');
			},
			i18n10() {
				return this.$t('newObj');
			},
			model() {
				return this.$store.state.config.model;
				// return 'light'
				// return 'dark'
			},
			USDTMoney() {
				return this.$store.state.config.USDTMoney
			},
			BTCMoney() {
				return this.$store.state.config.BTCMoney
			},
			ETHMoney() {
				return this.$store.state.config.ETHMoney
			},
			vipClass() {
				return this.$store.state.config.vipClass;
				// return 'VIP0'
			},
			capitalPassword() {
				return this.$store.state.config.capitalPassword
			},
			mobileNumber() {
				return uni.getStorageSync('mobileNumber');
			},
			email() {
				return uni.getStorageSync('email');
			},
			passportAuthStatus() {
				return this.$store.state.config.passportAuthStatus;
			},
		},
		methods: {
			changeCoinNetwork(item){
				if(this.coinNetwork==item.value){
					return;
				}
				this.withdrawAddress = '';
				this.coinNetwork=item.value;
			},
			
			getCoinNetworkLists(){
				getCoinNetworkList({
					coinType: this.coinType
				}).then(res => {
					this.list = res.result;
					this.coinNetwork = this.list[0].value;
				})
			},
			getSxfB(){
				for(let i=0;i<this.vipInfo.length;i++){
					if(this.vipInfo[i].membershipLevel==this.vipClass){
						this.sxfB = this.vipInfo[i].withdrawalFee.replace('%','');
					}
				}
			},
			getMinNum(){
				for(let i=0;i<this.minList.length;i++){
					if(this.minList[i].title==this.coinType){
						this.minNum = this.minList[i].value;
					}
				}
			},
			all(){
				this.withdrawAmount = this.coinType=='USDT'?this.USDTMoney.a:
				this.coinType=='BTC'?this.BTCMoney.a:
				this.coinType=='ETH'?this.ETHMoney.a:''
			},
			czConfirm(item) {
				console.log(item,'cs');
				this.type = item.id;
				this.coinType = item.value;
				uni.setStorageSync('txType',this.coinType);
				this.withdrawAmount = '';
				this.getMinNum();
				this.getCoinNetworkLists();
				
				// add by 2024/10/12 casue BUG-230
				this.withdrawAddress = '';
			},
			validateAmount(value, decimals = 6) {
			    // 空值校验
				if (!value) return false;
				
				// 转为字符串处理
				const strValue = value.toString();
				
				// 金额格式正则
				// ^[1-9]\d*$ 匹配大于0的整数
				// ^0$ 匹配0
				// ^[1-9]\d*\.\d{1,2}$ 匹配小数(小数位数可通过decimals参数控制)
				// ^0\.\d{1,2}$ 匹配以0开头的小数
				const regExp = new RegExp(`^(([1-9]\\d*)|0)(\\.\\d{1,${decimals}})?$`);
				
				return regExp.test(strValue);
			},
			submit() {
				// let kt = this.coinType=='USDT'?this.USDTMoney.kt:
				// 		this.coinType=='BTC'?this.BTCMoney.kt:
				// 		this.coinType=='ETH'?this.ETHMoney.kt:'';
				// if(kt<this.withdrawAmount){
				// 	this.$tool.showToast(this.i18n10.n151);
				// 	return;
				// }
				if (this.passportAuthStatus != 3) {
					// 未提交
					this.$tool.showToast(this.i18n4.l015);
					return;
				}
				if (!this.capitalPassword) {
					let obj = {
						type: 2,
						verifyType: '',
						mobileNumber: '',
						email: '',
					}
					obj.mobileNumber = this.mobileNumber;
					obj.email = this.email;
					this.$tool.navTo(this.$tool.handleUrl('/pages/mine/testVerify', obj));
					return;
				}
				if (this.coinNetwork === '') return this.$tool.showToast(this.i18n2.st026);
				if (this.withdrawAddress === '') return this.$tool.showToast(this.i18n10.n007);
				if (this.withdrawAmount === '') return this.$tool.showToast(this.i18n10.n009);
				if(!this.validateAmount(this.withdrawAmount)){
					return this.$tool.showToast(this.i18n10.n155);
				}
				if (Number(this.withdrawAmount) < Number(this.minNum)){
					return this.$tool.showToast(this.i18n10.n154 + this.minNum);
				}
				if (this.password === '') return this.$tool.showToast(this.i18n10.n016);
				this.$tool.showLoading();
				if(this.isSubmit){
					return;
				}else{
					this.isSubmit = true;
				}
				checkCapitalPassword({
					capitalPassword:this.password,
					mobileUserId:uni.getStorageSync('mobileUserId')
				}).then(ress=>{
					withdrawAdd({
						mobileUserId: uni.getStorageSync('mobileUserId'),
						coinNetwork: this.coinNetwork,
						coinType: this.coinType,
						withdrawAddress: this.withdrawAddress,
						withdrawAmount: this.withdrawAmount,
						withdrawFee: this.sxf,
						withdrawFinalAmount: this.sjdz
					}).then(res => {
						uni.hideLoading();
						this.$tool.showToast(this.i18n2.st022);
						this.$store.dispatch('config/getAassetList');
						setTimeout(res => {
							this.$tool.goBack();
						}, 800)
						console.log(res, 'cs');
					}).catch(res => {
						this.isSubmit = false;
						uni.hideLoading();
					})
				}).catch(err=>{
					this.isSubmit = false;
					uni.hideLoading();
				})
			},
			goSelect() {
				if (this.coinNetwork === '') return this.$tool.showToast(this.i18n2.st026);
				uni.setStorageSync('coinNetwork', this.coinNetwork);
				this.$tool.navTo('/pages/txAddress/txAddress');
			},
			openPopup() {
				this.$refs.popup.open('bottom');
			},
			confirm(e) {
				this.closePopup();
				if (this.coinNetwork == e) {
					return;
				}
				this.coinNetwork = e;
				this.withdrawAddress = '';
			},
			closePopup() {
				this.$refs.popup.close();
			},
		}
	}
</script>

<style scoped lang="scss">
	.recordWrap {
		font-size: 28rpx;
		color: #B5B7BF;
	}
	.recordWrapLight {
		font-size: 28rpx;
		color: #0E0F11;
	}
	.moneyDesc {
		font-size: 24rpx;
		color: #7F838D;
	}
	.moneyDescLight {
		font-size: 24rpx;
		color: #0E0F11;
	}
	.topList {
		border-bottom: 2rpx solid #2D2D2E;
		.title {
			font-size: 32rpx;
			color: #FFFFFF;
		}
		.desc {
			font-size: 28rpx;
			color: #7F838D;
		}
	}
	.topListLight {
		border-bottom: 2rpx solid #F4F4F4;
		.title {
			color: #0E0F11;
		}
	}
	.nameList {
		margin-top: 24rpx;
	
		.item {
			width: 144rpx;
			height: 60rpx;
			background: #16181C;
			border-radius: 12rpx;
			border: 2rpx solid #1F2128;
			font-size: 28rpx;
			color: #AAACB8;
		}
	
		.item1 {
			width: 144rpx;
			height: 60rpx;
			background: #16181C;
			border-radius: 12rpx;
			border: 2rpx solid #7F838D;
			font-size: 28rpx;
			color: #F7F7F7;
		}
	}
	
	.nameListLight {
		.item {
			background: #FFFFFF;
			border: none;
		}
	
		.item1 {
			background: #5951BA;
			border: none;
		}
	}
	.noiteWrap {
		background: #16181C;
		font-size: 24rpx;
		color: #A8AAB1;
	}

	.noiteWrapLight {
		background: #F3F3F4;
		color: #7F838D;
	}

	.popupWrap {
		background: #0E0F11;
		font-size: 32rpx;
		color: #F7F7F7;

		.titleWrap {
			margin-bottom: 6rpx;

			image {
				width: 36rpx;
				height: 36rpx;
			}
		}

		.list {
			border: 2rpx solid #1F2128;
		}

		.listLight {
			border: 2rpx solid #F4F4F4;
		}
	}

	.popupWrapLight {
		background: #ffffff;
		color: #0E0F11;
	}

	.record {
		font-size: 28rpx;
		color: #F7F7F7;
	}

	.recordLight {
		color: #0E0F11;
	}

	.topTitle {
		font-size: 28rpx;
		color: #7F838D;
	}

	.topTitleLight {
		color: #0E0F11;
	}

	.formWrap {
		.formTitle {
			font-size: 28rpx;
			// color: #7F838D;
			color: #fff;
			margin-bottom: 22rpx;
		}
		.formTitleLight {
			// color: #7F838D;
			color: #0E0F11;
		}
		.formWrapB {
			font-size: 28rpx;
			color: #E9EAED;
		}
		.formWrapBLight {
			color: #0E0F11;
		}
		.inputWrap {
			width: 690rpx;
			height: 88rpx;
			background: #16181C;
			border-radius: 12rpx 12rpx 12rpx 12rpx;
			margin-bottom: 35rpx;

			.area {
				font-size: 28rpx;
				color: #AAACB8;
			}

			.areaLight {
				color: #7F838D;
			}

			.inputText {
				font-size: 28rpx;
				color: #F7F7F7;
				// text-align: right;
			}

			.inputTextLight {
				color: #0E0F11;
			}

			.placeholderClass {
				font-size: 28rpx;
				color: #7F838D;
			}

			.placeholderClassLight {
				color: #B5B7BF;
			}

			.img1 {
				width: 15rpx;
				height: 11rpx;
				margin-left: 16rpx;
				margin-right: 42rpx;
			}

			.img2 {
				width: 40rpx;
				height: 40rpx;
			}

			.codeText {
				font-size: 28rpx;
				color: #5951BA;
			}
		}

		.inputWrapLight {
			background: #FFFFFF;
		}

		.forgetPass {
			font-size: 28rpx;
			color: #5951BA;
		}
	}

	.btn {
		width: 650rpx;
		height: 80rpx;
		background: #5951BA;
		border-radius: 74rpx;
		text-align: center;
		line-height: 80rpx;
		font-size: 28rpx;
		color: #F7F7F7;
	}

	.recordWrap {
		margin-top: 104rpx;

		.text1 {
			font-size: 24rpx;
			color: #7F838D;
			
			margin-top: 44rpx;
			margin-bottom: 46rpx;
		}

		.text2 {
			font-size: 22rpx;
			color: #7F838D;
			margin-top: 42rpx;
			margin-bottom: 32rpx;
		}

		.text3 {
			font-size: 24rpx;
			color: #AAACB8;
		}

		.text4 {
			font-size: 24rpx;
			// color: #F7F7F7;
			color: #B5B7BF;
		}

		.text5 {
			font-size: 20rpx;
			// color: #EBAC00;
			color: #7F838D;
		}

		.text6 {
			font-size: 22rpx;
			color: #7F838D;
		}
	}

	.recordWrapLight {}
</style>